<template>
	<div id="purse_record">

		<div class="record_area">
			<div class="title">
				钱包明细
			</div>
			<div class="record_list">
				<el-table :data="tableData" stripe border style="width: 100%">

					<el-table-column prop="realName" label="贸易商">
					</el-table-column>
					<el-table-column prop="cardNumber" label="操作类型">
						<template slot-scope="scope">
							<div v-if="scope.row.recordType=='recharge'">
								<span>+</span><span>{{scope.row.amount}}</span>
							</div>
							<div v-if="scope.row.recordType=='withdraw'">
								<span>-</span><span>{{scope.row.amount}}</span>
							</div>

						</template>
					</el-table-column>
					<el-table-column prop="createDate" label="日期">
					</el-table-column>

				</el-table>
			</div>
		</div>

	</div>
</template>

<script>
	import $ from 'jquery';
	import service from '@/js/services/walletservice.js';
	export default {
		inject: ['closeLoading'],
		data() {
			return {
				currrentId: 5,
				totalBalance: 0,
				tableData: [],
			}
		},
		mounted() {
			this.getExpenserecord();
		},
		methods: {
			...service,

		}
	}
</script>

<style lang="less" src="../../less/page/purse/index.less"></style>